<template>
  <div class="sign-up-page">
    <a-form class="table-search" layout="inline" noStyle>
      <a-form-item label="商品名称">
        <a-input style="width: 160px" />
      </a-form-item>
      <a-form-item label="合作时间">
        <a-input style="width: 240px" />
      </a-form-item>
      <a-form-item label="商品状态">
        <a-input style="width: 160px" />
      </a-form-item>
      <a-row style="margin-top: 20px; width: 100%">
        <a-col :span="24" style="padding-left: 70px">
          <a-button type="primary">查询</a-button>
          <a-button style="margin-left: 15px">重置</a-button>
        </a-col>
      </a-row>
    </a-form>
    <div class="add-btn">
      <a-button type="primary" @click="$router.push({ name: 'SignUpForm' })">
        <template #icon><PlusCircleOutlined /></template>
        新增报名</a-button
      >
    </div>
    <a-table> </a-table>
  </div>
</template>
<script lang="ts" setup>
import { PlusCircleOutlined } from '@ant-design/icons-vue';
</script>

<style lang="scss" scoped>
.sign-up-page {
  .table-search {
    box-sizing: border-box;
    padding: 20px 0 20px 16px;
    background: #fafafa;
    margin-bottom: 25px;
    &.ant-form-inline {
      :deep(.ant-form-item) {
        margin-right: 30px;
      }
    }
  }
  .add-btn {
    text-align: right;
    margin-bottom: 20px;
  }
}
</style>
